<template>
    <div  class="box-card">
        <h3>采收计划详情</h3>
        <el-form :model="data" style="margin: 0 20px" ref="form">
            <el-form-item label="计划采收地块" :label-width="100" prop="place">
                <el-text class="mx-1" type="primary">{{ data.place }}</el-text>
               
            </el-form-item>
            <el-form-item label="计划采收时间" :label-width="100" prop="times">
                <el-text class="mx-1" type="primary">{{ data.times }}</el-text>
     
            </el-form-item>

            <el-form-item label="采收作物" :label-width="100" prop="food">
                <el-text class="mx-1" type="primary">{{ data.food }}</el-text>

             
            </el-form-item>
            <el-form-item label="采收人" :label-width="100" prop="people">
                <el-text class="mx-1" type="primary">{{ data.people }}</el-text>
            
            </el-form-item>
        </el-form>
        <div>
            <el-descriptions title="计划采收量" direction="vertical" :column="4" border >
                <el-descriptions-item label="一级果（公斤）" width="150">{{data.first }}</el-descriptions-item>
                <el-descriptions-item label="采果标准" width="150">{{data.firstRequest }}</el-descriptions-item>
                <el-descriptions-item label="二级果（公斤）" width="150">{{data.second }}</el-descriptions-item>
                <el-descriptions-item label="采果标准" width="150">{{data.secondRequest }}</el-descriptions-item>
                <el-descriptions-item label="三级果（公斤）" width="150">{{data.third }}</el-descriptions-item>
                <el-descriptions-item label="采果标准" width="150">{{data.thirdtRequest }}</el-descriptions-item>
                <el-descriptions-item label="通货" width="150">{{data.common }}</el-descriptions-item>
                <el-descriptions-item label="备注" width="150"></el-descriptions-item>
            </el-descriptions>
        </div>
        <el-form-item  style="margin: 100px 0 0 380px;">
                <el-button style="background: #E28450;" @click="(router.push({name:'harvest'}))"> 返回 </el-button>
            </el-form-item>
        </div>
</template>

<script lang='ts' setup>
import router from '@/router';
import { ref } from 'vue';

const props = defineProps(['data'])
const emits = defineEmits(['save','close1'])
emits('save',)
</script>

<style lang='scss' scoped>
.box-card {
    width: 100%;
    overflow:auto;
    height: 150%;
    margin-left: -35px;
    margin-top: -10px;
    padding: 0 0 0 35px;
    background: white;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
</style>